<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Quicksand">
  <link rel="stylesheet" href="css/jineng.css"/>
</head>

<body>
  <header>
      <nav class="navBox">
          <div class="left">
                      <div class="logoimg">
                              <img src="images/logo.jpg" alt="Your Logo">
                      </div>
                      <h2 style="font-style: oblique;">Homepage</h2>
                  </div>
          <div class="right">
              <ul>
                  <li><a href="index.html" style="color: red;">Home page</a></li>
                  <li><a href="jineng.html" style="color: red;">Skills page</a></li>
                  <li><a href="photos.html" style="color: red;">Gallery page</a></li>
                  <li><a href="shixi.html" style="color: red;">Internship page</a></li>
                  <li><a href="contact.html" style="color: red;">Contact page</a></li>
                  <li><a href="zhiye.html" style="color: red;">Career page</a></li>
                  <li><a href="aid.html" style="color: red;">Ambitions page</a></li>
                  <li><a href="hobby.html" style="color: red;">Hobbies page</a></li>
              </ul>
          </div>
      </nav>
  </header>
  <div class="container">

  </div>

  
  <div class="people banner">
    <p style="text-align: center;"><span style="border-bottom:5px solid blue">Skills page</span></p>
    <div class="art">
      <div class="le">
        <img src="./images/bj2.webp" alt="">

      </div>
      <div class="re">
        <p style="font-size: 1.2em;">web front end development</p>
        <p style="font-size: 18px;margin-top: 30px;line-height: 45px;">
          HTML (Hypertext Markup Language) and CSS (Cascading Stylesheets) are the essential skills needed to become a front-end Web developer. The HTML is the standard markup language for creating web pages, and the CSS will graphically display the documents created by the HTML. In short, HTML helps to create content on web pages, while CSS can create their fonts, colors, navigation, and layout. In 2020, you should know more about HTML 5. HTML 5 enables you to add audio, video, and semantic elements. The use of semantic markers facilitates search engine optimization (SEO) and enables the browser to understand the code.
        </p>
        <p style="font-size: 18px;margin-top: 30px;line-height: 45px;">
          JavaScript Make everything abnormal. It enables you to add interactive features (such as audio, games, video, and animation) to simple web pages.jQuery Is an archive of the JavaScript. It is a collection of extensions that make it faster, easier, simpler and simpler to use JavaScript on web pages. It reduces multiple lines of javascript code to one line and makes it easier to read and debug.
        </p>

      </div>
    </div>
    <div class="art">

      <div class="re">
        <p style="font-size: 1.2em;">Vue whole family bucket development</p>
        <p style="font-size: 18px;margin-top: 30px;line-height: 45px;">
          Vue.js As the core of the entire Vue family bucket, it is a lightweight JavaScript framework focused on building a user interface. Its goal is to respond to data binding and combining view components through an API as simple as possible, perfect for making single-page applications. Vue.js Responsive data binding, virtual DOM, assemblies development and other features, enabling developers to quickly build interactive, high-performance Web applications.
        </p>
        <p style="font-size: 18px;margin-top: 30px;line-height: 35px;">Vue
          Router Is the official routing manager provided by Vue.js to implement the routing function in a single-page application. The routing manager plays a vital role in the development of any SPA (single-page application). It allows us to define and switch routing states in the most concise way, thus enabling a seamless transformation between different pages and achieving a complex page organization structure.
        </p>
      </div>
      <div class="le">
        <img src="./images/bj3.webp" alt="">
      </div>
    </div>


  </div>
  <footer>
    <div class="footer" style="height: 100px;">
      <p style="text-align: center; margin-bottom: 50px;">
      <div class="box">


        <h3 style="font-size: 35px;">personal homepage</h3>
      </div>
      </p>
      <p style="font-size: 20px;color: #000;">2023/10/20</p>
      <p style="font-size: 20px;color: #000;">@all right reserved</p>
              <div class="logo-container">
            <img src="icon/1.png" alt="Logo 1" class="footer-logo">
            <img src="icon/2.png" alt="Logo 2" class="footer-logo">
            <img src="icon/3.png" alt="Logo 3" class="footer-logo">
        </div>
    </div>
  </footer>
</body>

</html>